
<!DOCTYPE html>
<html>
<head>
<title>帮帮堂-大学生互助平台-联系我们</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Dotpixsel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript">
	
	
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 


</script>
<link
	href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900'
	rel='stylesheet' type='text/css'>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<link rel="stylesheet" href="css/global.css" type='text/css' />
<link rel="stylesheet" href="css/index.css" type='text/css' />
<link rel="stylesheet" href="css/base.css" type='text/css' />
<link rel="stylesheet" href="css/toastr.css" type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/responsiveslides.min.js"></script>
<script type="text/javascript" src="js/toastr.js"></script>
<script>
	$(function() {
		$("#slider").responsiveSlides({
			auto : true,
			speed : 500,
			namespace : "callbacks",
			pager : true,
		});
	});
	
	function submitApply(){
		var school = $.trim($("#school").val()) ;
		var major = $.trim($("#major").val());
		var username = $.trim($("#username").val());
		var contact = $.trim($("#contact").val());
		var info = $.trim($("#info").val());
		if(school == "" || major == "" || username == "" || contact == "" || info == ""){
			toastr['warning']('请正确填写表单数据','警告'); 
		return false;
		}
		
		$.ajax({
            cache: true,
            type: "post",
            url:"apply.action",
            data:$('#submitApply').serialize(),// 你的formid
            async: true,
            error: function(data) {
				
            },
            success: function(data) {
			if(data == "error"){
				toastr['error']('感谢您的申请，请将以上信息发送至公司联系邮箱，我们将尽快与您联系！','服务器异常'); 
			}else{
				 toastr['success']('感谢您的申请，请等待管理员与您联系！','申请成功！');
			}
			  
            }
        });
	}
	
	
	$(function() {
		
			toastr.options = {
					  "closeButton": false,
					  "debug": false,
					  "positionClass": "toast-bottom-full-width",
					  "onclick": null,
					  "showDuration": "300",
					  "hideDuration": "1000",
					  "timeOut": "3000",
					  "extendedTimeOut": "1000",
					  "showEasing": "swing",
					  "hideEasing": "linear",
					  "showMethod": "fadeIn",
					  "hideMethod": "fadeOut"
					}
					
// 					toastr['warning']('请正确填写表单数据','警告'); 
// 					toastr['success']('感谢您的申请，请等待管理员与您联系！','申请成功！'); 
			
		
	});
</script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event) {
			event.preventDefault();
			$('html,body').animate({
				scrollTop : $(this.hash).offset().top
			}, 1200);
		});
	});
</script>

</head>
<body>

	<!--=== Preloader section starts ===-->
	<section id="preloader">
		<div class="loading-circle fa-spin"></div>
	</section>
	<!--=== Preloader section Ends ===-->

	<!--=== Header section Starts ===-->
	<div id="header" class="header-section">
		<!-- 导航 -->
		<div class="nav">
			<div>
				<h1 class="logo">
					<a href="index.html" title="天津牵梦科技有限公司">帮帮堂</a>
				</h1>
				<div class="n-nav">
					<ul>
						<li><a href="index.action">首页</a></li>
						<li><a href="downLoad.action">APP下载</a></li>
						<!-- 					<li><a href="http://www.longdaji.com/index.php/web/index/dxbb_company_app">企业版APP</a></li> -->
						<li><a href="about.action">关于我们</a></li>
						<li class="active"><a href="contact.action">联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- banner -->
		<div>
			<img src="images/about_banner.png"
				style="width: 100%; height: 100%; margin-top: 20px;">
		</div>

		<div class="contact-section">
			<div class="container">
				<div class="contact-grids">
					<div class="col-md-6 contact-left">
						<h4>联系我们</h4>
						<p>帮帮堂大学生互助平台简介.</p>
						<address>
							E-mail: <a href="mailto:info@demolink.org">mail@demolink.org<script
									cf-hash="f9e31" type="text/javascript">
								
							</script></a><br>
						</address>
					</div>
				
					<div class="col-md-6 contact-right">
					<form id="submitApply" method="post" action="">
						<h4>申请开通学校</h4>
						<h5>学校</h5>
						<input id="school" name="school" type="text">
						<h5>姓名</h5>
						<input id="username" name="username" type="text">
						<h5>专业</h5>
						<input id="major" name="major" type="text">
						<h5>联系方式</h5>
						<input id="contact" name="contact" type="text">
						<h5>你的优势</h5>
						<textarea id="info" name="info"></textarea>
						<div></div>
						<input type="button" value="提交" onclick="submitApply()">
					</form>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>

			<div>
				<div class="container">
					<!-- 				<div class="footer-top"> -->
					<!-- 					<div class="copy-rights"> -->
					<!-- 						<p> -->
					<!-- 							Copyright &copy; 2015.Company name All rights reserved. -->
					<!-- 						</p> -->
					<!-- 					</div> -->
					<!-- 				</div> -->
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
								containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
							};
							 */

							$().UItoTop({
								easingType : 'easeOutQuart'
							});

						});
					</script>
					<a href="#" id="toTop" style="display: block;"> <span
						id="toTopHover" style="opacity: 1;"> </span></a>


				</div>
			</div>
		</div>
	</div>
</body>
</html>